/* pages/my/my.wxss */
page{
  background-color: #eeeeee;
}
.my-box {
  .my-header {
      width: 100%;
      height: 380rpx;
      position: relative;
      .my-header-img {
          width: 100%;
          height: 100%;

      }
      .userinfo-box {
          width: 100%;
          height: 150rpx;
          position: absolute;
          top: 38%;
          display: flex;
          align-items: center;
          .userinfo-img-box {
              width: 140rpx;
              height: 140rpx;
              margin: 0 20rpx;
              border-radius: 50%;
              border: 6rpx solid #ffc658;
              .userinfo-img {
                  width: 100%;
                  height: 100%;
                  border-radius: 50%;
              }
          }
          .userinfo-content {
              color: #fff;
              font-size: 35rpx;
              font-weight: 550;
          }
      }
  }
  .camp-manage{
    position: relative;
    top: -20rpx;
    z-index: 999;
    .camp-manage-item {
      height: 110rpx;
      line-height: 110rpx;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  .my-manage{
    .my-manage-item {
      height: 110rpx;
      line-height: 110rpx;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  .logout {
    margin-top: 40rpx;
    display: flex;
    justify-content: center;
    .logout-btn{
      width: 450rpx;
      margin: 0 auto;
      border-radius: 40rpx;
      color: #fff;
      background-color: #ffc658;
    }
  }
}